const content = document.querySelector(".content");
const shade = document.querySelector(" .shade");
const boost = document.querySelector(".boost");
let x = 0;
let y = 0;
content.onmousemove = function (e) {
    x = e.clientX - this.offsetLeft;
    y = e.clientY - this.offsetTop;
    console.log(x);
    console.log(y);
    shade.setAttribute("style", `display: block; top: ${y}px; left: ${x}px; `);
    boost.setAttribute("style", "display: block;");
}
content.onmouseout = function () {
    shade.setAttribute("style", "display: none;");
    boost.setAttribute("style", "display: none;");
}